﻿$(function(){

	
	var btn = $(".banner .hd li");
		img = $(".banner .bd li");
		warp = $(".banner .banner_warp");
		prev = $(".banner .prev");
		next = $(".banner .next");
		i = 0;
	var	time;
		//自定义move方法
		function move(_this){
			_this.addClass("on").siblings().removeClass("on");
			img.eq(i).addClass("on").siblings().removeClass("on");
		}
		//定时器
		function init(){
			time = setInterval(function(){
				next.trigger("click");
			},1000)
		}
		//轮播点移动上去时添加class="on",顺便切换图片
		btn.mouseover(function(){
			i = $(this).index();
			move($(this))
		})
		//点击下一个按钮时，切换下一张图片
		next.click(function(){
			i>=img.length-1?i=0:i++;
			move(btn.eq(i))
		})
		//点击上一个按钮时，切换上一张图片
		prev.click(function(){
			i<=0?i=img.length-1:i--;
			move(btn.eq(i))
		})
		//移动到banner_warp上面时，停止定时器，移开时，重新开始定时器
		warp.hover(function(){
			clearInterval(time)
		},function(){
			init()
		})
		
		init()
})
